<template>
  <div class="container">
    <h1>药剂注入台账</h1>
    <div class="table-content">
      <div
        style="height: 95%; width: 96%; margin-left: auto; margin-right: auto"
      >
        <el-card shadow="always">
          <el-table
            :data="tableData"
            style="width: 98%"
            :span-method="columToOne"
            :max-height="maxTableHeight"
          >
            <el-table-column
              prop="date"
              label="采油（气）厂或作业区名称"
              width="100"
              fixed
            >
            </el-table-column>
            <el-table-column
              prop="name"
              label="采出水处理站名称"
              width="150"
              fixed
            >
            </el-table-column>
            <el-table-column
              prop="manageMode"
              label="管理模式"
              width="150"
              fixed
            >
            </el-table-column>
            <el-table-column
              prop="drugName"
              label="药剂名称与型号"
              width="150"
              fixed
            >
            </el-table-column>
            <el-table-column
              prop="mainComponent"
              label="药剂主要成分"
              width="150"
              fixed
            >
            </el-table-column>
            <el-table-column
              prop="drugManufacturer"
              label="药剂厂家"
              width="150"
            >
            </el-table-column>
            <el-table-column prop="addPosition" label="加药位置" width="150">
            </el-table-column>

            <el-table-column label="药剂类型">
              <el-table-column prop="type" label="固态/液态" width="120">
              </el-table-column>
              <el-table-column
                prop="density"
                label="液态药剂则补充浓度(%)"
                width="120"
              >
              </el-table-column>
            </el-table-column>

            <el-table-column label="2024年01月">
              <el-table-column
                prop="waterSum.oneProduct"
                label="处理站总采出水量(万方)"
                width="120"
              >
              </el-table-column>
              <el-table-column
                prop="waterSum.oneConsume"
                label="消耗量(t)"
                width="120"
              >
              </el-table-column>
            </el-table-column>
            <el-table-column label="2024年02月">
              <el-table-column
                prop="waterSum.twoProduct"
                label="处理站总采出水量(万方)"
                width="120"
              >
              </el-table-column>
              <el-table-column
                prop="waterSum.twoConsume"
                label="消耗量(t)"
                width="120"
              >
              </el-table-column>
            </el-table-column>
            <el-table-column label="2024年03月">
              <el-table-column
                prop="waterSum.threeProduct"
                label="处理站总采出水量(万方)"
                width="120"
              >
              </el-table-column>
              <el-table-column
                prop="waterSum.threeConsume"
                label="消耗量(t)"
                width="120"
              >
              </el-table-column>
            </el-table-column>
            <el-table-column label="2024年04月">
              <el-table-column
                prop="waterSum.fourProduct"
                label="处理站总采出水量(万方)"
                width="120"
              >
              </el-table-column>
              <el-table-column
                prop="waterSum.fourConsume"
                label="消耗量(t)"
                width="120"
              >
              </el-table-column>
            </el-table-column>
            <el-table-column label="2024年05月">
              <el-table-column
                prop="waterSum.fiveProduct"
                label="处理站总采出水量(万方)"
                width="120"
              >
              </el-table-column>
              <el-table-column
                prop="waterSum.fiveConsume"
                label="消耗量(t)"
                width="120"
              >
              </el-table-column>
            </el-table-column>
            <el-table-column label="2024年06月">
              <el-table-column
                prop="waterSum.sixProduct"
                label="处理站总采出水量(万方)"
                width="120"
              >
              </el-table-column>
              <el-table-column
                prop="waterSum.sixConsume"
                label="消耗量(t)"
                width="120"
              >
              </el-table-column>
            </el-table-column>
            <el-table-column label="2024年07月">
              <el-table-column
                prop="waterSum.sevenProduct"
                label="处理站总采出水量(万方)"
                width="120"
              >
              </el-table-column>
              <el-table-column
                prop="waterSum.sevenConsume"
                label="消耗量(t)"
                width="120"
              >
              </el-table-column>
            </el-table-column>
            <el-table-column prop="tip" label="提示" width="150">
            </el-table-column>
            <el-table-column prop="check" label="单位修改核实情况" width="150">
            </el-table-column>
          </el-table>
        </el-card>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      maxTableHeight: window.innerHeight * 0.75,
      tableData: [
        {
          date: "风城油田作业区",
          name: "一号稠油联合处理站冷凝水处理单元",
          manageMode: "自主管理",
          drugName: "注水处理用除油剂 聚胺类 CN-08",
          mainComponent: "聚胺类",
          drugManufacturer: "新疆科力新技术发展股份有限公司",
          addPosition: "冷凝水除油器进口",
          type: "液态",
          density: "100",
          waterSum: {
            oneProduct: "13.2",
            oneConsume: "4.75",
            twoProduct: "12.3",
            twoConsume: "4.48",
            threeProduct: "12.3",
            threeConsume: "4.48",
            fourProduct: "12.3",
            fourConsume: "4.48",
            fiveProduct: "",
            fiveConsume: "",
            sixProduct: "",
            sixConsume: "",
            sevenProduct: "",
            sevenConsume: "",
          },
          tip: "",
          check: "",
        },
        {
          date: "风城油田作业区",
          name: "一号稠油联合处理站",
          manageMode: "自主管理",
          drugName: "注水处理用除油剂 阳离子聚合物 SDM",
          mainComponent: "聚胺类",
          drugManufacturer: "克拉玛依市三达新技术股份有限公司",
          addPosition: "除油罐",
          type: "液态",
          density: "100",
          waterSum: {
            oneProduct: "123.12",
            oneConsume: "61.56",
            twoProduct: "115.2",
            twoConsume: "57.99",
            threeProduct: "115.7",
            threeConsume: "41.67",
            fourProduct: "116.4",
            fourConsume: "40.74",
            fiveProduct: "",
            fiveConsume: "",
            sixProduct: "",
            sixConsume: "",
            sevenProduct: "",
            sevenConsume: "",
          },
          tip: "",
          check: "",
        },

        {
          date: "风城油田作业区",
          name: "一号稠油联合处理站水一区",
          manageMode: "技术服务",
          drugName: "注水处理用絮凝剂 聚丙烯酰胺 KW-01",
          mainComponent: "聚丙烯酰胺",
          drugManufacturer: "新疆科力新技术发展股份有限公司",
          addPosition: "水一区叠螺机",
          type: "固态",
          density: "/",
          waterSum: {
            oneProduct: "1.78",
            oneConsume: "3.12",
            twoProduct: "1.7",
            twoConsume: "2.94",
            threeProduct: "0.73",
            threeConsume: "2.94",
            fourProduct: "0.51",
            fourConsume: "2.34",
            fiveProduct: "",
            fiveConsume: "",
            sixProduct: "",
            sixConsume: "",
            sevenProduct: "",
            sevenConsume: "",
          },
          tip: "",
          check: "",
        },
        // 标记
        {
          date: "风城油田作业区",
          name: "一号稠油联合处理站水一区",
          manageMode: "技术服务",
          drugName: "油气集输用除硅剂 铝盐 KL-06",
          mainComponent: "氢氧化钠、氧化铝",
          drugManufacturer: "新疆科力新技术发展股份有限公司",
          addPosition: "水一区除硅反应器进口",
          type: "液态",
          density: "30",
          waterSum: {
            oneProduct: "56.61",
            oneConsume: "396.27",
            twoProduct: "53",
            twoConsume: "373.26",
            threeProduct: "41.58",
            threeConsume: "261.95",
            fourProduct: "41.74",
            fourConsume: "261.95",
            fiveProduct: "",
            fiveConsume: "",
            sixProduct: "",
            sixConsume: "",
            sevenProduct: "",
            sevenConsume: "",
          },
          tip: "液态是预处理剂，固态是除硅剂？",
          check: "",
        },

        {
          date: "风城油田作业区",
          name: "一号稠油联合处理站水一区",
          manageMode: "技术服务",
          drugName: "油气集输用除硅剂 铝盐 KL-06",
          mainComponent: "氢氧化钠、氧化铝",
          drugManufacturer: "新疆科力新技术发展股份有限公司",
          addPosition: "水一区除硅反应器进口",
          type: "固态",
          density: "/",
          waterSum: {
            oneProduct: "56.61",
            oneConsume: "135.86",
            twoProduct: "53",
            twoConsume: "127.98",
            threeProduct: "41.58",
            threeConsume: "65.36",
            fourProduct: "41.74",
            fourConsume: "65.36",
            fiveProduct: "",
            fiveConsume: "",
            sixProduct: "",
            sixConsume: "",
            sevenProduct: "",
            sevenConsume: "",
          },
          tip: "",
          check: "",
        },

        {
          date: "风城油田作业区",
          name: "一号稠油联合处理站水一区",
          manageMode: "技术服务",
          drugName: "注水处理用净水剂 聚合氯化铝 KW-03",
          mainComponent: "聚合铝盐",
          drugManufacturer: "新疆科力新技术发展股份有限公司",
          addPosition: "水一区反应器进口",
          type: "液态",
          density: "30",
          waterSum: {
            oneProduct: "58.39",
            oneConsume: "291.93",
            twoProduct: "54.6",
            twoConsume: "274.98",
            threeProduct: "41.58",
            threeConsume: "202.08",
            fourProduct: "41.74",
            fourConsume: "202.18",
            fiveProduct: "",
            fiveConsume: "",
            sixProduct: "",
            sixConsume: "",
            sevenProduct: "",
            sevenConsume: "",
          },
          tip: "",
          check: "",
        },

        // 一号稠油联合处理站水二区 5个
        {
          date: "风城油田作业区",
          name: "一号稠油联合处理站水二区",
          manageMode: "技术服务",
          drugName: "注水处理用助滤剂 阳离子聚丙烯酰胺 SDJB-38",
          mainComponent: "聚丙烯酰胺",
          drugManufacturer: "克拉玛依市三达新技术股份有限公司",
          addPosition: "水一区旋流反应器",
          type: "固态",
          density: "/",
          waterSum: {
            oneProduct: "56.81",
            oneConsume: "9.09",
            twoProduct: "53.1",
            twoConsume: "8.56",
            threeProduct: "35.82",
            threeConsume: "5.37",
            fourProduct: "32.28",
            fourConsume: "5.37",
            fiveProduct: "",
            fiveConsume: "",
            sixProduct: "",
            sixConsume: "",
            sevenProduct: "",
            sevenConsume: "",
          },
          tip: "",
          check: "",
        },
        {
          date: "风城油田作业区",
          name: "一号稠油联合处理站水二区",
          manageMode: "技术服务",
          drugName: "注水处理用助滤剂 阳离子聚丙烯酰胺 SDJB-38",
          mainComponent: "聚丙烯酰胺",
          drugManufacturer: "克拉玛依市三达新技术股份有限公司",
          addPosition: "气浮机",
          type: "固态",
          density: "/",
          waterSum: {
            oneProduct: "44.93",
            oneConsume: "49.42",
            twoProduct: "42",
            twoConsume: "46.55",
            threeProduct: "35.82",
            threeConsume: "4.66",
            fourProduct: "32.28",
            fourConsume: "5.37",
            fiveProduct: "",
            fiveConsume: "",
            sixProduct: "",
            sixConsume: "",
            sevenProduct: "",
            sevenConsume: "",
          },
          tip: "",
          check: "",
        },
        {
          date: "风城油田作业区",
          name: "一号稠油联合处理站水二区",
          manageMode: "技术服务",
          drugName: "注水处理用助滤剂 阳离子聚丙烯酰胺 SDJB-38",
          mainComponent: "阳离子聚丙",
          drugManufacturer: "克拉玛依市三达新技术股份有限公司",
          addPosition: "水二区叠螺机",
          type: "固态",
          density: "/",
          waterSum: {
            oneProduct: "0.99",
            oneConsume: "1.67",
            twoProduct: "0.9",
            twoConsume: "1.58",
            threeProduct: "0.26",
            threeConsume: "2.04",
            fourProduct: "0.21",
            fourConsume: "1.62",
            fiveProduct: "",
            fiveConsume: "",
            sixProduct: "",
            sixConsume: "",
            sevenProduct: "",
            sevenConsume: "",
          },
          tip: "",
          check: "",
        },
        {
          date: "风城油田作业区",
          name: "一号稠油联合处理站水二区",
          manageMode: "技术服务",
          drugName: "注水处理用稳定剂 混合碱 SDTG",
          mainComponent: "混合碱",
          drugManufacturer: "克拉玛依市三达新技术股份有限公司",
          addPosition: "水二区除硅反应器进口",
          type: "液态",
          density: "30",
          waterSum: {
            oneProduct: "",
            oneConsume: "",
            twoProduct: "43.3",
            twoConsume: "237.85",
            threeProduct: "35.82",
            threeConsume: "75.94",
            fourProduct: "32.28",
            fourConsume: "73.94",
            fiveProduct: "",
            fiveConsume: "",
            sixProduct: "",
            sixConsume: "",
            sevenProduct: "",
            sevenConsume: "",
          },
          tip: "",
          check: "",
        },
        {
          date: "风城油田作业区",
          name: "一号稠油联合处理站水二区",
          manageMode: "技术服务",
          drugName: "注水处理用净水剂 铝盐类 SDJ-E1(f)",
          mainComponent: "聚合铝盐",
          drugManufacturer: "克拉玛依市三达新技术股份有限公司",
          addPosition: "气浮机进口",
          type: "液态",
          density: "100",
          waterSum: {
            oneProduct: "44.93",
            oneConsume: "90.31",
            twoProduct: "42",
            twoConsume: "85.06",
            threeProduct: "35.82",
            threeConsume: "53.73",
            fourProduct: "32.28",
            fourConsume: "51.73",
            fiveProduct: "",
            fiveConsume: "",
            sixProduct: "",
            sixConsume: "",
            sevenProduct: "",
            sevenConsume: "",
          },
          tip: "",
          check: "",
        },
        // 二号稠油联合处理站水区 6个
        {
          date: "风城油田作业区",
          name: "二号稠油联合处理站水区",
          manageMode: "自主管理",
          drugName: "注水处理用除油剂 聚胺类 CN-08",
          mainComponent: "聚胺类",
          drugManufacturer: "新疆科力新技术发展股份有限公司",
          addPosition: "除油罐进水",
          type: "液态",
          density: "100",
          waterSum: {
            oneProduct: "72.69",
            oneConsume: "39.98",
            twoProduct: "68",
            twoConsume: "37.66",
            threeProduct: "86.82",
            threeConsume: "25.12",
            fourProduct: "85.88",
            fourConsume: "25.56",
            fiveProduct: "28.5",
            fiveConsume: "26.7",
            sixProduct: "28.7",
            sixConsume: "28.4",
            sevenProduct: "28.7",
            sevenConsume: "28.7",
          },
          tip: "",
          check: "",
        },
        {
          date: "风城油田作业区",
          name: "二号稠油联合处理站水区",
          manageMode: "技术服务",
          drugName: "油气集输用除硅剂 铝盐 KL-06",
          mainComponent: "氢氧化钠、氧化铝",
          drugManufacturer: "新疆科力新技术发展股份有限公司",
          addPosition: "除硅反应器进口",
          type: "液态",
          density: "30",
          waterSum: {
            oneProduct: "114.24",
            oneConsume: "799.68",
            twoProduct: "106.9",
            twoConsume: "753.25",
            threeProduct: "110.96",
            threeConsume: "731.23",
            fourProduct: "103.37",
            fourConsume: "731.23",
            fiveProduct: "81.6",
            fiveConsume: "244.5",
            sixProduct: "78.6",
            sixConsume: "257.7",
            sevenProduct: "81.6",
            sevenConsume: "262.3",
          },
          tip: "液态是预处理剂，固态是除硅剂？",
          check: "",
        },
        {
          date: "风城油田作业区",
          name: "二号稠油联合处理站水区",
          manageMode: "技术服务",
          drugName: "油气集输用除硅剂 铝盐 KL-06",
          mainComponent: "氢氧化钠、氧化铝",
          drugManufacturer: "新疆科力新技术发展股份有限公司",
          addPosition: "除硅反应器进口",
          type: "固态",
          density: "/",
          waterSum: {
            oneProduct: "114.24",
            oneConsume: "365.57",
            twoProduct: "106.9",
            twoConsume: "344.34",
            threeProduct: "110.96",
            threeConsume: "436.07",
            fourProduct: "103.37",
            fourConsume: "436.07",
            fiveProduct: "81.6",
            fiveConsume: "35.4",
            sixProduct: "78.6",
            sixConsume: "34.5",
            sevenProduct: "81.6",
            sevenConsume: "36.4",
          },
          tip: "5月份就已经开始降除硅剂用量，放宽指标了？",
          check: "",
        },
        {
          date: "风城油田作业区",
          name: "二号稠油联合处理站水区",
          manageMode: "技术服务",
          drugName: "注水处理用净水剂 聚合氯化铝 KW-03",
          mainComponent: "聚合铝盐",
          drugManufacturer: "新疆科力新技术发展股份有限公司",
          addPosition: "反应器进口",
          type: "液态",
          density: "40",
          waterSum: {
            oneProduct: "109.54",
            oneConsume: "711.98",
            twoProduct: "102.5",
            twoConsume: "670.64",
            threeProduct: "110.96",
            threeConsume: "422.44",
            fourProduct: "103.37",
            fourConsume: "422.44",
            fiveProduct: "103.6",
            fiveConsume: "27.71",
            sixProduct: "100.8",
            sixConsume: "29.96",
            sevenProduct: "106.2",
            sevenConsume: "33.3",
          },
          tip: "",
          check: "",
        },
        {
          date: "风城油田作业区",
          name: "二号稠油联合处理站水区",
          manageMode: "技术服务",
          drugName: "注水处理用絮凝剂 聚丙烯酰胺 KW-01",
          mainComponent: "聚丙烯酰胺",
          drugManufacturer: "新疆科力新技术发展股份有限公司",
          addPosition: "反应器",
          type: "固态",
          density: "/",
          waterSum: {
            oneProduct: "109.54",
            oneConsume: "17.53",
            twoProduct: "102.5",
            twoConsume: "16.51",
            threeProduct: "110.96",
            threeConsume: "9.99",
            fourProduct: "103.37",
            fourConsume: "8.99",
            fiveProduct: "103.6",
            fiveConsume: "387.65",
            sixProduct: "100.8",
            sixConsume: "360.4",
            sevenProduct: "106.2",
            sevenConsume: "356.6",
          },
          tip: "",
          check: "",
        },
        {
          date: "风城油田作业区",
          name: "二号稠油联合处理站水区",
          manageMode: "技术服务",
          drugName: "注水处理用絮凝剂 聚丙烯酰胺 KW-01",
          mainComponent: "聚丙烯酰胺",
          drugManufacturer: "新疆科力新技术发展股份有限公司",
          addPosition: "叠螺机进口",
          type: "固态",
          density: "/",
          waterSum: {
            oneProduct: "5.45",
            oneConsume: "7.15",
            twoProduct: "5.1",
            twoConsume: "6.74",
            threeProduct: "2.19",
            threeConsume: "6.74",
            fourProduct: "2.19",
            fourConsume: "6.74",
            fiveProduct: "2.1",
            fiveConsume: "0",
            sixProduct: "2",
            sixConsume: "0",
            sevenProduct: "2.04",
            sevenConsume: "0",
          },
          tip: "",
          check: "",
        },
        // 稀油注输联合站水区 9个
        {
          date: "风城油田作业区",
          name: "稀油注输联合站水区",
          manageMode: "技术服务",
          drugName: "注水处理用助滤剂 阳离子聚丙烯酰胺 SDJB-38",
          mainComponent: "阳离子聚丙",
          drugManufacturer: "克拉玛依市三达新技术股份有限公司",
          addPosition: "离心机进口",
          type: "固态",
          density: "/",
          waterSum: {
            oneProduct: "0.26",
            oneConsume: "1.26",
            twoProduct: "0.2",
            twoConsume: "1.19",
            threeProduct: "0.2",
            threeConsume: "1.19",
            fourProduct: "0.14",
            fourConsume: "0.43",
            fiveProduct: "0.2",
            fiveConsume: "0.4",
            sixProduct: "0.2",
            sixConsume: "0.4",
            sevenProduct: "",
            sevenConsume: "",
          },
          tip: "",
          check: "",
        },
        {
          date: "风城油田作业区",
          name: "稀油注输联合站水区",
          manageMode: "技术服务",
          drugName: "注水处理用除油剂 阳离子聚合物 SDM",
          mainComponent: "聚胺类",
          drugManufacturer: "克拉玛依市三达新技术股份有限公司",
          addPosition: "调储罐进口",
          type: "液态",
          density: "100",
          waterSum: {
            oneProduct: "7.08",
            oneConsume: "1.82",
            twoProduct: "6.6",
            twoConsume: "1.72",
            threeProduct: "5.7",
            threeConsume: "4.45",
            fourProduct: "6.46",
            fourConsume: "5.2",
            fiveProduct: "6.6",
            fiveConsume: "6.2",
            sixProduct: "6.7",
            sixConsume: "5.6",
            sevenProduct: "",
            sevenConsume: "",
          },
          tip: "",
          check: "",
        },
        {
          date: "风城油田作业区",
          name: "稀油注输联合站水区",
          manageMode: "技术服务",
          drugName: "注水处理用防垢剂 有机磷酸类 SDZG",
          mainComponent: "有机磷酸盐类",
          drugManufacturer: "克拉玛依市三达新技术股份有限公司",
          addPosition: "提升泵出口",
          type: "液态",
          density: "100",
          waterSum: {
            oneProduct: "7.08",
            oneConsume: "2.56",
            twoProduct: "6.6",
            twoConsume: "2.41",
            threeProduct: "5.7",
            threeConsume: "2.65",
            fourProduct: "6.46",
            fourConsume: "3",
            fiveProduct: "",
            fiveConsume: "",
            sixProduct: "",
            sixConsume: "",
            sevenProduct: "",
            sevenConsume: "",
          },
          tip: "加药点调整了？",
          check: "",
        },
        {
          date: "风城油田作业区",
          name: "稀油注输联合站水区",
          manageMode: "技术服务",
          drugName: "注水处理用防垢剂 有机磷酸类 SDZG",
          mainComponent: "有机磷酸盐类",
          drugManufacturer: "克拉玛依市三达新技术股份有限公司",
          addPosition: "过滤器进口",
          type: "液态",
          density: "100",
          waterSum: {
            oneProduct: "",
            oneConsume: "",
            twoProduct: "",
            twoConsume: "",
            threeProduct: "",
            threeConsume: "",
            fourProduct: "",
            fourConsume: "",
            fiveProduct: "6.6",
            fiveConsume: "3.1",
            sixProduct: "6.7",
            sixConsume: "2.9",
            sevenProduct: "",
            sevenConsume: "",
          },
          tip: "加药点调整了？在下面的斜板罐也加防垢剂？",
          check: "",
        },
        {
          date: "风城油田作业区",
          name: "稀油注输联合站水区",
          manageMode: "技术服务",
          drugName: "注水处理用净水剂 铝盐类 SDJ-E1(f)",
          mainComponent: "聚合铝盐",
          drugManufacturer: "克拉玛依市三达新技术股份有限公司",
          addPosition: "反应器进口",
          type: "液态",
          density: "20",
          waterSum: {
            oneProduct: "7.08",
            oneConsume: "77.47",
            twoProduct: "6.6",
            twoConsume: "72.97",
            threeProduct: "5.7",
            threeConsume: "18.07",
            fourProduct: "6.46",
            fourConsume: "21.91",
            fiveProduct: "6.6",
            fiveConsume: "243",
            sixProduct: "6.7",
            sixConsume: "259",
            sevenProduct: "",
            sevenConsume: "",
          },
          tip: "",
          check: "",
        },
        {
          date: "风城油田作业区",
          name: "稀油注输联合站水区",
          manageMode: "技术服务",
          drugName: "注水处理用助滤剂 阳离子聚丙烯酰胺 SDJB-38",
          mainComponent: "聚丙烯酰胺",
          drugManufacturer: "克拉玛依市三达新技术股份有限公司",
          addPosition: "反应器",
          type: "固态",
          density: "/",
          waterSum: {
            oneProduct: "7.08",
            oneConsume: "12.22",
            twoProduct: "6.6",
            twoConsume: "11.51",
            threeProduct: "5.7",
            threeConsume: "1.82",
            fourProduct: "6.46",
            fourConsume: "1.82",
            fiveProduct: "6.6",
            fiveConsume: "0.76",
            sixProduct: "6.7",
            sixConsume: "0.78",
            sevenProduct: "",
            sevenConsume: "",
          },
          tip: "确认是阳离子聚丙SDJB-38不是SDJ-E3？",
          check: "",
        },
        {
          date: "风城油田作业区",
          name: "稀油注输联合站水区",
          manageMode: "技术服务",
          drugName: "注水处理用缓蚀剂  咪唑啉衍生物 SDH",
          mainComponent: "咪唑啉衍生物",
          drugManufacturer: "克拉玛依市三达新技术股份有限公司",
          addPosition: "净化水罐进口",
          type: "液态",
          density: "100",
          waterSum: {
            oneProduct: "7.08",
            oneConsume: "0",
            twoProduct: "6.6",
            twoConsume: "0",
            threeProduct: "5.7",
            threeConsume: "0",
            fourProduct: "6.46",
            fourConsume: "0",
            fiveProduct: "6.6",
            fiveConsume: "0",
            sixProduct: "6.7",
            sixConsume: "0",
            sevenProduct: "",
            sevenConsume: "",
          },
          tip: "",
          check: "",
        },
        {
          date: "风城油田作业区",
          name: "稀油注输联合站水区",
          manageMode: "技术服务",
          drugName: "注水处理用防垢剂 FGJ-ZS",
          mainComponent: "有机磷酸盐类",
          drugManufacturer: "克拉玛依市三达新技术股份有限公司",
          addPosition: "斜板罐",
          type: "液态",
          density: "100",
          waterSum: {
            oneProduct: "7.08",
            oneConsume: "0",
            twoProduct: "6.6",
            twoConsume: "0",
            threeProduct: "5.7",
            threeConsume: "0",
            fourProduct: "6.46",
            fourConsume: "0",
            fiveProduct: "6.6",
            fiveConsume: "0",
            sixProduct: "6.7",
            sixConsume: "0",
            sevenProduct: "",
            sevenConsume: "",
          },
          tip: "请核实药剂名称，是否是注水处理用防垢剂 有机磷酸类 SDZG",
          check: "",
        },
        {
          date: "风城油田作业区",
          name: "稀油注输联合站水区",
          manageMode: "技术服务",
          drugName: "注水处理用杀菌剂 异噻类 SDS-1",
          mainComponent: "溴铵盐",
          drugManufacturer: "克拉玛依市三达新技术股份有限公司",
          addPosition: "净化水罐进口",
          type: "液态",
          density: "100",
          waterSum: {
            oneProduct: "7.3",
            oneConsume: "4.54",
            twoProduct: "6.8",
            twoConsume: "4.27",
            threeProduct: "5.7",
            threeConsume: "4.27",
            fourProduct: "6.46",
            fourConsume: "4.27",
            fiveProduct: "6.8",
            fiveConsume: "0",
            sixProduct: "6.7",
            sixConsume: "0",
            sevenProduct: "",
            sevenConsume: "",
          },
          tip: "5月和6月药剂用量异常",
          check: "",
        },
        // 风南4转油站处理装置 4个
        {
          date: "风城油田作业区",
          name: "风南4转油站处理装置",
          manageMode: "技术服务",
          drugName: "注水处理用絮凝剂 聚丙烯酰胺 KW-01",
          mainComponent: "聚丙烯酰胺",
          drugManufacturer: "新疆科力新技术发展股份有限公司",
          addPosition: "净水反应器",
          type: "固态",
          density: "/",
          waterSum: {
            oneProduct: "6.07",
            oneConsume: "1.82",
            twoProduct: "5.7",
            twoConsume: "1.72",
            threeProduct: "5.9",
            threeConsume: "1.72",
            fourProduct: "8.3",
            fourConsume: "2.32",
            fiveProduct: "8.03",
            fiveConsume: "5.75",
            sixProduct: "8.38",
            sixConsume: "4.99",
            sevenProduct: "",
            sevenConsume: "",
          },
          tip: "5月和6月药剂用量异常",
          check: "",
        },
        {
          date: "风城油田作业区",
          name: "风南4转油站处理装置",
          manageMode: "技术服务",
          drugName: "注水处理用絮凝剂 聚丙烯酰胺 KW-01",
          mainComponent: "聚丙烯酰胺",
          drugManufacturer: "新疆科力新技术发展股份有限公司",
          addPosition: "叠螺机",
          type: "液态",
          density: "40",
          waterSum: {
            oneProduct: "6.07",
            oneConsume: "18.22",
            twoProduct: "5.7",
            twoConsume: "17.16",
            threeProduct: "5.9",
            threeConsume: "17.16",
            fourProduct: "8.3",
            fourConsume: "19.36",
            fiveProduct: "8.03",
            fiveConsume: "0.02",
            sixProduct: "8.38",
            sixConsume: "0.03",
            sevenProduct: "",
            sevenConsume: "",
          },
          tip: "5月和6月药剂用量异常",
          check: "",
        },
        {
          date: "风城油田作业区",
          name: "风南4转油站处理装置",
          manageMode: "技术服务",
          drugName: "注水处理用净水剂 聚合氯化铝 KW-03",
          mainComponent: "聚合铝盐",
          drugManufacturer: "新疆科力新技术发展股份有限公司",
          addPosition: "净水反应器",
          type: "固态",
          density: "/",
          waterSum: {
            oneProduct: "6.07",
            oneConsume: "1.03",
            twoProduct: "5.7",
            twoConsume: "0.97",
            threeProduct: "5.9",
            threeConsume: "4.63",
            fourProduct: "8.3",
            fourConsume: "5.63",
            fiveProduct: "8.03",
            fiveConsume: "0.18",
            sixProduct: "8.38",
            sixConsume: "0.14",
            sevenProduct: "",
            sevenConsume: "",
          },
          tip: "5月和6月药剂用量异常",
          check: "",
        },
        {
          date: "风城油田作业区",
          name: "风南4转油站处理装置",
          manageMode: "自主管理",
          drugName: "注水处理用防垢剂 有机磷酸类SDZG",
          mainComponent: "有机磷酸盐类",
          drugManufacturer: "克拉玛依市三达新技术股份有限公司",
          addPosition: "分离器进口",
          type: "液态",
          density: "100",
          waterSum: {
            oneProduct: "6.27",
            oneConsume: "5.39",
            twoProduct: "5.9",
            twoConsume: "5.08",
            threeProduct: "5.9",
            threeConsume: "2.36",
            fourProduct: "8.3",
            fourConsume: "3.36",
            fiveProduct: "10.31",
            fiveConsume: "0.12",
            sixProduct: "10.62",
            sixConsume: "0.04",
            sevenProduct: "",
            sevenConsume: "",
          },
          tip: "5月和6月药剂用量异常",
          check: "",
        },
        // 风城夏子街高压注水站
        {
          date: "风城油田作业区",
          name: "风城夏子街高压注水站",
          manageMode: "自主管理",
          drugName: "注水处理用杀菌剂 SJJ-ZS 液体",
          mainComponent: "季铵盐",
          drugManufacturer: "新疆科力新技术发展股份有限公司",
          addPosition: "清水罐",
          type: "液态",
          density: "100",
          waterSum: {
            oneProduct: "0",
            oneConsume: "0",
            twoProduct: "0",
            twoConsume: "0",
            threeProduct: "0",
            threeConsume: "0",
            fourProduct: "0",
            fourConsume: "0",
            fiveProduct: "0",
            fiveConsume: "0",
            sixProduct: "0",
            sixConsume: "0",
            sevenProduct: "0",
            sevenConsume: "0",
          },
          tip: "",
          check: "",
        },
        // 风城夏子街就地分水 4个
        {
          date: "风城油田作业区",
          name: "风城夏子街就地分水",
          manageMode: "技术服务",
          drugName: "注水处理用除油剂 聚胺类 CN-08",
          mainComponent: "聚胺类",
          drugManufacturer: "新疆科力新技术发展股份有限公司",
          addPosition: "调储罐进口",
          type: "液态",
          density: "100",
          waterSum: {
            oneProduct: "2.64",
            oneConsume: "1.05",
            twoProduct: "2.5",
            twoConsume: "0.99",
            threeProduct: "2.5",
            threeConsume: "0.99",
            fourProduct: "2.8",
            fourConsume: "0.45",
            fiveProduct: "",
            fiveConsume: "",
            sixProduct: "",
            sixConsume: "",
            sevenProduct: "",
            sevenConsume: "",
          },
          tip: "",
          check: "",
        },
        {
          date: "风城油田作业区",
          name: "风城夏子街就地分水",
          manageMode: "技术服务",
          drugName: "",
          mainComponent: "",
          drugManufacturer: "",
          addPosition: "",
          type: "",
          density: "",
          waterSum: {
            oneProduct: "",
            oneConsume: "",
            twoProduct: "",
            twoConsume: "",
            threeProduct: "",
            threeConsume: "",
            fourProduct: "",
            fourConsume: "",
            fiveProduct: "",
            fiveConsume: "",
            sixProduct: "",
            sixConsume: "",
            sevenProduct: "",
            sevenConsume: "",
          },
          tip: "是否有添加破乳剂？",
          check: "",
        },
        {
          date: "风城油田作业区",
          name: "风城夏子街就地分水",
          manageMode: "技术服务",
          drugName: "",
          mainComponent: "",
          drugManufacturer: "",
          addPosition: "",
          type: "",
          density: "",
          waterSum: {
            oneProduct: "",
            oneConsume: "",
            twoProduct: "",
            twoConsume: "",
            threeProduct: "",
            threeConsume: "",
            fourProduct: "",
            fourConsume: "",
            fiveProduct: "",
            fiveConsume: "",
            sixProduct: "",
            sixConsume: "",
            sevenProduct: "",
            sevenConsume: "",
          },
          tip: "是否有添加杀菌剂？",
          check: "",
        },
        {
          date: "风城油田作业区",
          name: "风城夏子街就地分水",
          manageMode: "技术服务",
          drugName: "注水处理用净水剂 聚合氯化铝 KW-03",
          mainComponent: "聚合铝盐",
          drugManufacturer: "新疆科力新技术发展股份有限公司",
          addPosition: "调储罐出口",
          type: "液态",
          density: "30",
          waterSum: {
            oneProduct: "2.64",
            oneConsume: "",
            twoProduct: "",
            twoConsume: "",
            threeProduct: "",
            threeConsume: "",
            fourProduct: "",
            fourConsume: "",
            fiveProduct: "",
            fiveConsume: "",
            sixProduct: "",
            sixConsume: "",
            sevenProduct: "",
            sevenConsume: "",
          },
          tip: "",
          check: "",
        },
        // 高压注水站
        {
          date: "风城油田作业区",
          name: "高压注水站",
          manageMode: "自主管理",
          drugName: "注水处理用防垢剂 有机磷酸类SDZG",
          mainComponent: "羟基亚已基二磷酸",
          drugManufacturer: "克拉玛依市三达新技术股份有限公司",
          addPosition: "高压注水站",
          type: "液态",
          density: "0.026",
          waterSum: {
            oneProduct: "",
            oneConsume: "",
            twoProduct: "",
            twoConsume: "",
            threeProduct: "",
            threeConsume: "",
            fourProduct: "",
            fourConsume: "",
            fiveProduct: "",
            fiveConsume: "",
            sixProduct: "",
            sixConsume: "",
            sevenProduct: "",
            sevenConsume: "",
          },
          tip: "",
          check: "",
        },
      ],
    };
  },
  mounted() {
    window.addEventListener("resize", this.updateHeight);
  },
  beforeDestroy() {
    window.removeEventListener("resize", this.updateHeight);
  },
  methods: {
    updateHeight() {
      this.maxTableHeight = window.innerHeight * 0.9;
    },

    getMedicalData() {},
    columToOne({ row, column, rowIndex, columnIndex }) {
      // 合并第一列单元格
      if (columnIndex === 0) {
        if (rowIndex === 0) {
          return [40, 1]; // 第一行的第一列合并3行
        } else if (rowIndex < 40) {
          return [0, 0]; // 隐藏合并的单元格
        }
      }

      if (columnIndex === 1 || columnIndex === 2) {
        if (rowIndex === 2) {
          return [4, 1]; // 第一行的第一列合并3行
        } else if (rowIndex > 2 && rowIndex <= 5) {
          return [0, 0]; // 隐藏合并的单元格
        }
      }
      // 合并3，4，5，6列 3，4行
      if (
        columnIndex === 3 ||
        columnIndex === 4 ||
        columnIndex === 5 ||
        columnIndex === 6
      ) {
        if (rowIndex === 3 || rowIndex === 12) {
          return [2, 1]; // 第一行的第一列合并3行
        } else if (rowIndex === 4 || rowIndex === 13) {
          return [0, 0]; // 隐藏合并的单元格
        }
      }
      // 合并第1，2列 6行开始
      if (columnIndex === 1 || columnIndex === 2) {
        if (rowIndex === 6) {
          return [5, 1];
        } else if (rowIndex > 6 && rowIndex <= 10) {
          return [0, 0];
        }
        if (rowIndex === 17) {
          return [9, 1];
        } else if (rowIndex > 17 && rowIndex <= 25) {
          return [0, 0];
        }
      }
      // 合并3，4，5列 6，7行
      if (columnIndex === 3 || columnIndex === 4 || columnIndex === 5) {
        if (rowIndex === 6 || rowIndex === 19 || rowIndex === 26) {
          return [2, 1];
        } else if (rowIndex === 7 || rowIndex === 20 || rowIndex === 27) {
          return [0, 0];
        }
      }
      // 第二列11，16行
      if (columnIndex === 1) {
        if (rowIndex === 11) {
          return [6, 1];
        } else if (rowIndex > 10 && rowIndex <= 16) {
          return [0, 0];
        }
        if (rowIndex === 26) {
          return [4, 1];
        } else if (rowIndex > 26 && rowIndex <= 29) {
          return [0, 0];
        }
      }
      if (columnIndex === 2) {
        if (rowIndex === 12) {
          return [5, 1];
        } else if (rowIndex > 11 && rowIndex <= 16) {
          return [0, 0];
        }
        if (rowIndex === 26) {
          return [3, 1];
        } else if (rowIndex > 26 && rowIndex <= 28) {
          return [0, 0];
        }
      }
    },
  },
};
</script>
<style scoped lang="scss">
h1 {
  color: rgb(104, 224, 223);
  margin-bottom: 20px;
  margin-top: 20px;
  margin-left: 20px;
}
/* .container{
  height: 100vh;
} */
.table-content {
  // border: 3px solid rgb(30, 94, 158);
  width: 100%;
  // margin-top: 20px;
  // margin-bottom: 20px;
  // margin-left: 25px;
  background-color: white;
  /* margin:80px auto; */
  height: 95%;
  // overflow: auto;
}
.container {
  /* max-width: 600px;   */
  background-color: rgb(2, 16, 79);
  height: 91vh;
  overflow-x: auto; /* 设置横向滚动 */
  white-space: nowrap; /* 防止内容自动换行 */
}
.el-table {
  // overflow: auto;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 20px;
  margin-bottom: 20px;

  /* height: 2000px; */
  border-color: #f0f0f0;
  border-width: 2px;

  /* background-color: red; */
}
</style>
